// .goods-container {
//   width: 100%;
//   height: auto;

//   .good-body-title {
//     display: flex;
//     align-items: center;
//     justify-content: space-between;
//     // background-color: white;
//     .title-text {
//       padding: 12px 0 0 12px;
//       color: #333;
//       font-weight: bold;
//       font-size: 14px;
//       line-height: 16px;
//       &.no-padding {
//         padding: 0;
//       }
//     }
//     .title-left-bg,
//     .title-right-bg {
//       flex: 1;
//       height: 10px;
//       background-color: transparent;
//       background-repeat: no-repeat;
//       background-size: cover;
//     }
//     .title-left-bg {
//       margin-right: 7px;
//       background-image: url('./images/title-bg-left.png');
//       background-position: right top;
//     }
//     .title-right-bg {
//       margin-left: 7px;
//       background-image: url('./images/title-bg-right.png');
//       background-position: left top;
//     }
//   }

//   .two-line-body {
//     display: grid;
//     grid-template-columns: 1fr 1fr;
//     gap: 10px;
//     justify-content: space-around;
//     box-sizing: border-box;
//     padding: 10px;
//     // display: flex;
//     // flex-wrap: wrap;
//     // align-items: center;
//     // justify-content: left;
//     // padding: 10px;

//     .two-line-solo {
//       box-sizing: border-box;
//       width: 172px;
//       height: auto;
//       // margin: 0 auto;
//       // margin-right: 10px;
//       // margin-bottom: 10px;
//       // padding: 8px;
//       // background-color: white;
//       // border-radius: 4px;

//       .two-line-img {
//         width: 172px;
//         height: auto;
//         margin-bottom: 6px;
//         user-select: none;
//       }

//       .two-line-name {
//         overflow: hidden;
//         color: #2d2d2d;
//         font-weight: 600;
//         font-size: 16px;
//         white-space: nowrap;
//         text-overflow: ellipsis;
//         // display: -webkit-box;
//         // -webkit-line-clamp: 3;
//         // -webkit-box-orient: vertical;
//         // overflow: hidden;
//         // text-overflow: ellipsis;
//       }

//       .two-line-sale {
//         color: #ccced7;
//         font-size: 12px;
//       }

//       .btn-body {
//         display: flex;
//         align-items: baseline;
//         justify-content: space-between;
//         margin-top: 8px;

//         .btn-left {
//           color: #fc7f25;
//           font-size: 12px;

//           .price-cur {
//             font-weight: 600;
//             font-size: 18px;
//           }

//           .price-line {
//             color: #c9ced4;
//             text-decoration-line: line-through;
//           }
//         }

//         .btn-right {
//           width: 24px;
//           height: 24px;
//           color: white;
//           font-weight: 600;
//           font-size: 16px;
//           line-height: 24px;
//           text-align: center;
//           background-color: #0ac452;
//           border-radius: 50%;
//         }
//       }
//     }
//   }

//   .three-line-body {
//     display: flex;
//     flex-wrap: wrap;
//     align-items: center;
//     justify-content: left;
//     padding: 10px;

//     .two-line-solo {
//       box-sizing: border-box;
//       width: 100px;
//       height: auto;
//       margin-right: 10px;
//       margin-bottom: 10px;
//       overflow: hidden;
//       background-color: white;
//       border-radius: 4px;

//       .two-line-img {
//         width: 100%;
//         height: 110px;
//         margin-bottom: 6px;
//         user-select: none;
//       }

//       .two-line-name {
//         overflow: hidden;
//         color: #2d2d2d;
//         font-weight: 600;
//         font-size: 16px;
//         white-space: nowrap;
//         text-overflow: ellipsis;
//         // display: -webkit-box;
//         // -webkit-line-clamp: 3;
//         // -webkit-box-orient: vertical;
//         // overflow: hidden;
//         // text-overflow: ellipsis;
//       }

//       .two-line-sale {
//         color: #2d2d2d;
//         color: #c0b1ee;
//         font-weight: 600;
//         font-size: 14px;
//       }

//       .btn-body {
//         display: flex;
//         align-items: baseline;
//         justify-content: space-between;
//         margin-top: 8px;

//         .btn-left {
//           color: #fc7f25;
//           font-size: 12px;

//           .price-cur {
//             font-weight: 600;
//             font-size: 18px;
//           }

//           .price-line {
//             color: #fc7f25;
//             text-decoration-line: line-through;
//           }
//         }

//         .btn-right {
//           width: 24px;
//           height: 24px;
//           color: white;
//           font-weight: 600;
//           font-size: 16px;
//           line-height: 24px;
//           text-align: center;
//           background-color: #0ac452;
//           border-radius: 50%;
//         }
//       }
//     }

//     .two-line-solo:nth-child(3n) {
//       margin-right: 0;
//     }
//   }

//   .one-line-body {
//     padding: 10px;

//     .one-line-solo {
//       display: flex;
//       justify-content: space-between;
//       margin-bottom: 10px;
//       padding: 10px;
//       background-color: white;

//       .one-line-img {
//         width: 90px;
//         height: 90px;
//         margin-right: 16px;
//         border-radius: 8px;
//       }

//       .one-line-right {
//         flex: 1;
//         overflow: hidden;

//         .two-line-name {
//           // white-space: nowrap;
//           // text-overflow: ellipsis;
//           display: -webkit-box;
//           overflow: hidden;
//           // overflow: hidden;
//           color: #2d2d2d;
//           font-weight: 600;
//           font-size: 16px;
//           text-overflow: ellipsis;
//           -webkit-line-clamp: 1;
//           -webkit-box-orient: vertical;
//         }

//         .two-line-content {
//           width: 100%;
//           height: 40px;
//           color: #c9ced4;
//           font-size: 12px;
//         }

//         .btn-body {
//           display: flex;
//           align-items: baseline;
//           justify-content: space-between;
//           margin-top: 0;

//           .btn-left {
//             color: #fc7f25;
//             font-size: 12px;

//             .price-cur {
//               font-weight: 600;
//               font-size: 18px;
//             }

//             .price-line {
//               color: #c9ced4;
//               text-decoration-line: line-through;
//             }
//           }

//           .btn-right {
//             width: 24px;
//             height: 24px;
//             color: white;
//             font-weight: 600;
//             font-size: 16px;
//             line-height: 24px;
//             text-align: center;
//             background-color: #0ac452;
//             border-radius: 50%;
//           }
//         }
//       }
//     }
//   }

//   .big-img-body {
//     padding: 10px;

//     .two-line-solo {
//       box-sizing: border-box;
//       width: 100%;
//       height: auto;
//       margin-bottom: 12px;
//       overflow: hidden;
//       background-color: white;
//       border-radius: 4px;
//       border-radius: 16px;

//       .two-line-img {
//         width: 100%;
//         height: auto;
//         margin-bottom: 6px;
//         user-select: none;
//       }

//       .two-line-bottom {
//         padding: 10px;

//         .two-line-name {
//           overflow: hidden;
//           color: #2d2d2d;
//           font-weight: 600;
//           font-size: 16px;
//           white-space: nowrap;
//           text-overflow: ellipsis;
//           // display: -webkit-box;
//           // -webkit-line-clamp: 3;
//           // -webkit-box-orient: vertical;
//           // overflow: hidden;
//           // text-overflow: ellipsis;
//         }

//         .two-line-sale {
//           color: #ccced7;
//           font-size: 12px;
//         }

//         .btn-body {
//           display: flex;
//           align-items: baseline;
//           justify-content: space-between;
//           margin-top: 8px;

//           .btn-left {
//             color: #fc7f25;
//             font-size: 12px;

//             .price-cur {
//               font-weight: 600;
//               font-size: 18px;
//             }

//             .price-line {
//               color: #c9ced4;
//               text-decoration-line: line-through;
//             }
//           }

//           .btn-right {
//             width: 24px;
//             height: 24px;
//             color: white;
//             font-weight: 600;
//             font-size: 16px;
//             line-height: 24px;
//             text-align: center;
//             background-color: #0ac452;
//             border-radius: 50%;
//           }
//         }
//       }
//     }

//     .two-line-solo:nth-child(2n) {
//       margin-right: 0;
//     }
//   }

//   .rotate-body-father {
//     padding: 0.5px 0;
//     .rotate-body {
//       position: relative;
//       width: auto;
//       height: 180px;
//       margin: 10px;
//       overflow: hidden;
//       // background-color: greenyellow;
//       background-color: transparent;

//       .new-ul {
//         position: absolute;
//         top: 90px;
//         left: -90px;
//         width: 180px;
//         height: 385px;
//         padding-top: 34px;
//         overflow-x: hidden;
//         overflow-y: scroll;
//         // background-color: aqua;
//         background-color: transparent;
//         transform: rotate(-90deg);
//         transform-origin: top;

//         .new-li {
//           width: 100px;
//           height: 180px;
//           margin-top: -72px;
//           margin-left: 40px;
//           overflow: auto;
//           // background-color: bisque;
//           background-color: white;
//           border-radius: 6px;
//           transform: rotate(90deg);

//           .rotate-line-img {
//             width: 100%;
//             height: 100px;
//             user-select: none;
//           }

//           .rotate-bottom {
//             padding: 0 6px;

//             .two-line-name {
//               display: -webkit-box;
//               overflow: hidden;
//               color: #2d2d2d;
//               font-size: 12px;
//               text-overflow: ellipsis;
//               -webkit-line-clamp: 2;
//               -webkit-box-orient: vertical;
//             }

//             .two-line-sale {
//               color: #ccced7;
//               font-size: 12px;
//             }

//             .btn-body {
//               display: flex;
//               align-items: center;
//               justify-content: space-between;
//               margin-top: 10px;

//               .btn-left {
//                 .price-cur {
//                   color: #fc7f25;
//                   font-size: 14px;
//                   line-height: 10px;
//                 }

//                 .price-line {
//                   padding-left: 2px;
//                   color: #c9ced4;
//                   font-size: 12px;
//                   text-decoration-line: line-through;
//                 }
//               }

//               .btn-right {
//                 width: 20px;
//                 height: 20px;
//                 color: white;
//                 font-weight: 600;
//                 font-size: 16px;
//                 line-height: 20px;
//                 text-align: center;
//                 background-color: #0ac452;
//                 border-radius: 50%;
//               }
//             }
//           }
//         }
//       }
//       // 隐藏标准的滚动条
//       .new-ul::-webkit-scrollbar {
//         width: 1px;
//       }
//     }
//   }
// }

// .album {
//   width: 100%;
//   img {
//     width: 100%;
//     object-fit: contain;
//   }
// }
.goods-container {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.goods-container-inner {
  box-sizing: border-box;
}

.goods-list {
  box-sizing: border-box;
}

.two-line {
  width: 100%;
  .goods-title {
    display: flex;
    align-items: center;
    span {
      padding: 0 8px;
      color: #333;
      font-weight: bold;
      font-size: 14px;
    }
    .title-left-bg,
    .title-right-bg {
      flex: 1;
      height: 10px;
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .title-left-bg {
      margin-right: 7px;
      background-image: url('./images/title-bg-left.png');
      background-position: right top;
    }
    .title-right-bg {
      margin-left: 7px;
      background-image: url('./images/title-bg-right.png');
      background-position: left top;
    }
  }
  .goods-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px;
    padding: 0 14px;
    .goods-list-item {
      box-sizing: border-box;
      width: 168px;
      background-color: #fff;
    }
    .item-img {
      width: 100%;
      height: 168px;
    }
    .item-info {
      box-sizing: border-box;
      padding: 10px;
    }
    .item-name {
      overflow: hidden;
      color: #333;
      font-weight: bold;
      font-size: 12px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .item-price-box {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }
    .item-price-inner {
      display: flex;
      align-items: baseline;
    }
    .price {
      color: #fc6220;
      font-size: 12px;
      span {
        font-weight: bold;
        font-size: 20px;
      }
    }
    .outline-price {
      margin-left: 10px;
      color: #aaa;
      font-size: 12px;
      text-decoration: line-through;
    }
    .sale-num {
      color: #aaa;
      font-size: 12px;
    }
    .cart-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      color: #fff;
      background-color: #fc6220;
      border-radius: 50%;
    }
  }
}

.three-line-container {
  padding: 0 14px;
  .goods-container-inner {
    border-radius: 5px;
  }
}

.three-line-album-container {
  .goods-container-inner {
    padding-top: 12px;
    border-radius: 5px;
  }
}

.three-line {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;

  .goods-title {
    box-sizing: border-box;
    padding: 12px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
  }
  .goods-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    box-sizing: border-box;
    width: 100%;
    padding: 0 12px 12px 12px;
    overflow: hidden;
    .goods-list-item {
      box-sizing: border-box;
      width: 100%;
      min-width: 0;
      background-color: #fff;
    }
    .item-img {
      width: 100%;
      height: 78px;
      overflow: hidden;
    }
    .item-info {
      box-sizing: border-box;
      padding: 8px;
    }
    .item-name {
      overflow: hidden;
      color: #333;
      font-weight: bold;
      font-size: 10px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .item-price-box {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }
    .item-price-inner {
      display: flex;
      align-items: baseline;
    }
    .price {
      color: #fc6220;
      font-size: 12px;
      span {
        font-weight: bold;
        font-size: 16px;
      }
    }
    .outline-price {
      margin-left: 4px;
      color: #aaa;
      font-size: 12px;
      text-decoration: line-through;
    }
    .sale-num {
      color: #aaa;
      font-size: 10px;
    }
    .cart-btn {
      display: flex;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      color: #fff;
      background-color: #fc6220;
      border-radius: 50%;
      transform: scale(0.6);
    }
  }
}

.one-line-container {
  .goods-list {
    box-sizing: border-box;
    padding: 12px 0;
  }
}

.one-line-album-container {
  .goods-container-inner {
    box-sizing: border-box;
    padding: 12px 0;
  }
}

.one-line {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  .goods-title {
    box-sizing: border-box;
    padding: 12px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
  }
  .goods-list {
    box-sizing: border-box;
    width: 100%;
    padding: 0 12px;
    overflow: hidden;
    .goods-list-item {
      display: flex;
      box-sizing: border-box;
      width: 100%;
      min-width: 0;
      margin-bottom: 10px;
      overflow: hidden;
      background-color: transparent;
      &:last-child {
        margin-bottom: 0;
      }
    }
    .item-img {
      flex-shrink: 0;
      width: 84px;
      height: 84px;
      overflow: hidden;
    }
    .item-info {
      flex: 1;
      box-sizing: border-box;
      padding: 10px 0 10px 10px;
    }
    .item-name {
      overflow: hidden;
      color: #333;
      font-weight: bold;
      font-size: 12px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .item-price-box {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }
    .item-price-inner {
      display: flex;
      align-items: baseline;
    }
    .price {
      color: #fc6220;
      font-size: 12px;
      span {
        font-weight: bold;
        font-size: 16px;
      }
    }
    .outline-price {
      margin-left: 10px;
      color: #aaa;
      font-size: 12px;
      text-decoration: line-through;
    }
    .sale-num {
      color: #aaa;
      font-size: 12px;
    }
    .cart-btn {
      display: flex;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      color: #fff;
      background-color: #fc6220;
      border-radius: 50%;
    }
  }
}
.big-img-container {
  .goods-list {
    box-sizing: border-box;
    padding: 12px 0;
  }
}
.big-img-album-container {
  .goods-container-inner {
    box-sizing: border-box;
    padding: 12px 0;
  }
}
.big-img {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  .goods-title {
    box-sizing: border-box;
    padding: 12px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
  }
  .goods-list {
    box-sizing: border-box;
    width: 100%;
    padding: 0 12px;
    overflow: hidden;
    .goods-list-item {
      box-sizing: border-box;
      width: 100%;
      min-width: 0;
      margin-bottom: 10px;
      background-color: #fff;
      &:last-child {
        margin-bottom: 0;
      }
    }
    .item-img {
      width: 100%;
      height: 150px;
      overflow: hidden;
    }
    .item-info {
      box-sizing: border-box;
      padding: 10px;
    }
    .item-name {
      overflow: hidden;
      color: #333;
      font-weight: bold;
      font-size: 14px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .item-price-box {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }
    .item-price-inner {
      display: flex;
      align-items: baseline;
    }
    .price {
      color: #fc6220;
      font-size: 12px;
      span {
        font-weight: bold;
        font-size: 16px;
      }
    }
    .outline-price {
      margin-left: 10px;
      color: #aaa;
      font-size: 12px;
      text-decoration: line-through;
    }
    .sale-num {
      color: #aaa;
      font-size: 12px;
    }
    .cart-btn {
      display: flex;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      color: #fff;
      background-color: #fc6220;
      border-radius: 50%;
    }
  }
}

.scroll-left-container {
  .goods-list {
    box-sizing: border-box;
    padding: 12px 0;
  }
}

.scroll-left-album-container {
  .goods-container-inner {
    box-sizing: border-box;
    padding: 12px 0;
  }
}

.scroll-left {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  .goods-title {
    box-sizing: border-box;
    padding: 12px;
    color: #333;
    font-weight: bold;
    font-size: 14px;
  }
  .goods-list {
    display: flex;
    flex-wrap: nowrap;
    box-sizing: border-box;
    width: 100%;
    padding: 0 12px;
    overflow-x: auto;
    overflow-y: hidden;
    .goods-list-item {
      flex-shrink: 0;
      box-sizing: border-box;
      width: 128px;
      min-width: 0;
      margin-right: 10px;
      background-color: #fff;
      &:last-child {
        margin-right: 0;
      }
    }
    .item-img {
      width: 100%;
      height: 128px;
      overflow: hidden;
    }
    .item-info {
      box-sizing: border-box;
      padding: 10px;
    }
    .item-name {
      overflow: hidden;
      color: #333;
      font-weight: bold;
      font-size: 12px;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .item-price-box {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }
    .item-price-inner {
      display: flex;
      align-items: baseline;
    }
    .price {
      color: #fc6220;
      font-size: 12px;
      span {
        font-weight: bold;
        font-size: 16px;
      }
    }
    .outline-price {
      margin-left: 10px;
      color: #aaa;
      font-size: 12px;
      text-decoration: line-through;
    }
    .sale-num {
      color: #aaa;
      font-size: 12px;
    }
    .cart-btn {
      display: flex;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      color: #fff;
      background-color: #fc6220;
      border-radius: 50%;
      transform: scale(0.8);
    }
  }
}

.with-album {
  position: relative;
  .goods-album {
    height: 106px;
    padding-top: 20px;
    padding-left: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    span {
      font-weight: bold;
      font-size: 14px;
    }
  }
  .goods-container-inner {
    margin-top: -40px;
  }
}
